<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet/less" href="./css/style.less">
    <link rel="stylesheet/less" href="./css/home.less">
    <link rel="stylesheet/less" href="./css/head.less">
</head>

<body>
    <div class="head">
        <div class="container">
            <div class="big">
                <span class="line"></span>
                <span class="line"></span>
                <span class="line"></span>
            </div>
            <div class="container-left">
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="About.html">About</a></li>
                    <li><a href="Typography.html">Typography</a></li>
                    <li><a href="Contacts.html">Contact Us</a></li>
                </ul>
            </div>
            <div class="container-right">
                <img src="./image/推特(twitter)_爱给网_aigei_com.png" alt="">
                <img src="./image/脸谱网(facebook)_爱给网_aigei_com.png" alt="">

            </div>
        </div>
        <div class="menu">
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="About.html">About</a></li>
                <li><a href="Typography.html">Typography</a></li>
                <li><a href="Contacts.html">Contact Us</a></li>
            </ul>
        </div>
    </div>

    <div class="Explore">
        <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="./image/slider-4-slide-1-1920x678.jpg" alt="">
                </div>
                <div class="swiper-slide"><img src="./image/slider-4-slide-2-1920x678.jpg" alt=""></div>
                <div class="swiper-slide"><img src="./image/slider-4-slide-3-1920x678.jpg" alt=""></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

        </div>
    </div>

    <div class="Tours">
        <div class="container">
            <div class="ballone wow bounceInUp"><img src="./image/cta-1-368x420.jpg" alt=""></div>
            <div class="mountain wow bounceInUp"><img src="./image/cta-2-368x420.jpg" alt=""></div>
            <div class="beach wow bounceInUp"><img src="./image/cta-3-368x420.jpg" alt=""></div>
        </div>
        <div class="other wow fadeIn"><span>Other Tours</span>
            <div class="jt"></div>
        </div>
    </div>

    <div class="Discover">
        <div class="container">
            <div class="left wow bounceInLeft"><img src="./image/index-3-556x382.jpg" alt=""></div>
            <div class="right  wow bounceInRight">
                <h2>Discover New Horizons</h2>
                <div class="Uptext">
                    <div class="one">
                        <span>ABOUT US</span>
                    </div>
                    <div class="two"><span>WHY GHOOSE US</span></div>
                    <div class="three"><span>OUR MISSION</span></div>
                </div>
                <div class="Ontext">
                    <p>Wonder Tour is committed to bringing our clients the best in value and quality travel
                        arrangements. We are passionate about travel and sharing the world's wonders with you.</p>

                </div>
                <input type="button" value="Geet in Touch">
                <input type="button" value="Read More">
            </div>
        </div>
    </div>

    <div class="Services">
        <h2 class="wow fadeIn" data-wow-delay="0.7s">Our Services</h2>
        <div class="container">
            <div class="item wow fadeInUp">
                <div class="icons"></div>
                <div class="text">
                    <span class="title">Personalized Matching</span>
                    <p class="body">Our unique matching system lets you find just the tour you want for your next
                        holiday.</p>
                </div>
            </div>
            <div class="item wow fadeInUp">
                <div class="icons"></div>
                <div class="text">
                    <span class="title">Personalized Matching</span>
                    <p class="body">Our unique matching system lets you find just the tour you want for your next
                        holiday.</p>
                </div>
            </div>
            <div class="item wow fadeInUp">
                <div class="icons"></div>
                <div class="text">
                    <span class="title">Personalized Matching</span>
                    <p class="body">Our unique matching system lets you find just the tour you want for your next
                        holiday.</p>
                </div>
            </div>
            <div class="item wow fadeInUp">
                <div class="icons"></div>
                <div class="text">
                    <span class="title">Personalized Matching</span>
                    <p class="body">Our unique matching system lets you find just the tour you want for your next
                        holiday.</p>
                </div>
            </div>
            <div class="item wow fadeInUp">
                <div class="icons"></div>
                <div class="text">
                    <span class="title">Personalized Matching</span>
                    <p class="body">Our unique matching system lets you find just the tour you want for your next
                        holiday.</p>
                </div>
            </div>
            <div class="item wow fadeInUp">
                <div class="icons"></div>
                <div class="text">
                    <span class="title">Personalized Matching</span>
                    <p class="body">Our unique matching system lets you find just the tour you want for your next
                        holiday.</p>
                </div>
            </div>

        </div>
    </div>

    <div class="hot">
        <h3 class="wow fadeIn" data-wow-delay="0.7s">Hot Tours</h3>
        <div class="container">
            <div class="Island wow flipInX">
                <div class="left"><img src="./image/product-big-1-600x366.jpg" alt=""></div>
                <div class="right">
                    <p class="title">Benidorm, Spain</p>
                    <p class="body"><span>4 customer reviews</span>
                        Benidorm is a buzzing resort with a big reputation for beach holidays. Situated in sunny Costa
                        Blanca, the town is one of the original Spanish beach resorts...</p>
                    <input type="button" value="Buy This Tour">
                </div>
                <div class="space">$790</div>
            </div>
            <div class="Island wow flipInX">
                <div class="left"><img src="./image/product-big-2-600x366.jpg" alt=""></div>
                <div class="right">
                    <p class="title">Mauritius Island, Africa</p>
                    <p class="body"><span>
                            5 customer reviews</span>
                        The beautiful and inviting island nation of Mauritius is an ideal ‘flop and drop’ at the
                        conclusion of your safari. Indulge in the delightful scents of the fragrant...

                    </p>
                    <input type="button" value="Buy This Tour">
                </div>
                <div class="space">$890</div>
            </div>
        </div>
    </div>

    <div class="People">
        <h2 class="wow fadeIn" data-wow-delay="0.7s">Different People — One Mission</h2>
        <div class="container">
            <div class="item">
                <div class="pHead wow zoomInDown"><img src="./image/user-1-118x118.jpg" alt=""></div>
                <div class="pBody wow fadeIn" data-wow-delay="0.3s">
                    <p class="name">Diana Robinson</p>
                    <p class="work">Founder, Owner</p>
                    <p class="dh">+1 ***-913-4688</p>
                </div>
            </div>
            <div class="item">
                <div class="pHead wow zoomInDown"><img src="./image/user-2-118x118.jpg" alt=""></div>
                <div class="pBody wow fadeIn" data-wow-delay="0.3s">
                    <p class="name">Peter McMillan</p>
                    <p class="work">Travel Agent</p>
                    <p class="dh">+1 ***-913-4688</p>
                </div>
            </div>
            <div class="item">
                <div class="pHead wow zoomInDown"><img src="./image/user-3-118x118.jpg" alt=""></div>
                <div class="pBody wow fadeIn" data-wow-delay="0.3s">
                    <p class="name">Jill Peterson</p>
                    <p class="work">Tour Consultant</p>
                    <p class="dh">+1 ***-913-4688</p>
                </div>
            </div>
            <div class="item">
                <div class="pHead wow zoomInDown"><img src="./image/user-4-118x118.jpg" alt=""></div>
                <div class="pBody wow fadeIn">
                    <p class="name">James Smith</p>
                    <p class="work">PR Manager</p>
                    <p class="dh">+1 ***-913-4688</p>
                </div>
            </div>
        </div>
    </div>

    <div class="Impressions wow flipInY">
        <div class="box">
            <p class="title">First-class Impressions
                are Waiting for You!</p>
            <p class="body">Our agency offers travelers various tours and excursions with destinations all over the
                world. Browse our website to find your dream tour!</p>
            <input type="button" class="grennb" value="Book a Tour Now">
        </div>
    </div>

    <div class="foot">
        <div class="container">
            <div class="CONTACT wow bounceInRight" data-wow-delay="0s">
                <div class="title">CONTACT US</div>
                <p class="dh">+1 ***-913-4688</p>
                <p class="yx">****@demolink.org</p>
                <p class="zb">4730 Crystal Springs Dr, Los Angeles, CA 90027</p>
            </div>
            <div class="POPULAR wow bounceInUp" data-wow-delay="0s">
                <div class="title">POPULAR NEWS</div>
                <p class="text">
                    Your Personal Guide to 5 Best Places to Visit on Earth</p>
                    <p class="time">May 04, 2019</p>
                
                <p class="text">
                    Top 10 Hotels: Rating by Wonder Tour Travel Experts</p>
                    <p class="time">May 04, 2019</p>
                
            </div>
            <div class="QUICK wow bounceInLeft" data-wow-delay="0s">
                <div class="title">QUICK LINKS</div>
                <ul>
                    <li>About us</li>
                    <li>Our Tours</li>
                    <li>Our Team</li>
                    <li>Gallery</li>
                    <li>Blog</li>
                </ul>
                <input type="button" class="grennb" value="Get in touch">
            </div>
        </div>

    </div>
    <div class="footer">
        <div class="container">
            <div class="left">© 2023 Wonder Tour. All Rights Reserved. Design by TemplateMonster</div>
            <div class="right">Privacy Policy

            </div>
        </div>
    </div>
</body>

</html>
<script src="./js/jquery-3.5.1.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/less-4.1.3.js"></script>
<script src="./js/swiper-bundle.min.js"></script>
<script src="./js/wow.min.repeat.js"></script>
<script src="./js/head.js"></script>
<script>
    var mySwiper = new Swiper('.swiper', {
        // direction: 'vertical', 
        loop: true, // 循环模式选项
        autoplay:true,

        // 如果需要分页器
        pagination: {

            el: '.swiper-pagination',
        }
    })        
    new WOW().init();
</script>